<template>
  <div class="homeculling">
    <div class="title">
        <h3>——每日精选——</h3>        
    </div>
    <div class="goods" v-for="item in cullingList" :key="item.id">
        <div class="goods_img">
            <img :src="item.imgUrl" alt="">
        </div>
        <div class="goods_info">
            <h3>{{item.title}}</h3>
            <p class="desc1">{{item.desc1}}</p>
            <p class="desc2">标签：{{item.desc2}}</p>
        </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'HomeCulling',
  props:{
    cullingList:Array
  },
  data () {
    return {
      
    }
  }
}
</script>


<style lang="stylus" scoped>
@import '../../../assets/css/varibles.styl'
.homeculling
    width 100%
    height 16rem
    background-color #fff
    margin-top .2rem
    .title h3
        text-align center
        font-size .36rem
        font-weight bold 
        padding .4rem 0
    .goods
        width 100%
        float left
        position relative
        padding .3rem 0 
        border-bottom 1px solid #efefef
        .goods_img
            width 40%
            img 
              width 100%
        .goods_info
            width 60%
            position absolute
            top .3rem
            right 0
            h3 
              font-size .36rem
              line-height .36rem
              font-weight bold
              padding .1rem
            .desc1
              padding .3rem .1rem
              font-size .26rem
            .desc2
              padding .1rem .1rem
              font-size .26rem
</style>
